﻿<!DOCTYPE html>
<html lang="en">
<head>
<title>Services | Wee</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
<link href="css/touchTouch.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
   <div style=' clear: both; text-align:center; position: relative;'>
     <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
       <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
    </a>
  </div>
<![endif]-->
<!--[if lt IE 9]>
   	<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->
</head>
<body>
<div class="block1 p_bottom_zero">
  <div class="container_12"> 
    <!--==============================header=================================-->
    <header>
      <h1><a class="logo" href="index.html"><span class="underline">We</span>e</a></h1>
      <nav>
        <ul class="sf-menu">
          <li><a href="index.html">Home</a></li>
          <li class="current"><a href="services.html">Services</a></li>
          <li><a href="javascript:">Projects</a>
            <ul>
              <li><a href="project-threecol.html">Three Cols </a></li>
              <li><a href="project-fourcol.html">Four Cols</a></li>
              <li><a href="project-details.html">Project Details</a></li>
            </ul>
          </li>
          <li> <a href="javascript:">Pages</a>
            <ul>
              <li><a href="javascript:">Home</a>
                <ul>
                  <li><a href="index.html">With Slider</a></li>
                  <li><a href="index2.html">Second Slider</a></li>
                  <li><a href="index3.html">Without Slider</a></li>
                </ul>
              </li>
              <li><a href="about.html">About</a></li>
              <li><a href="javascript:">Pricing</a>
                <ul>
                  <li><a href="pricing-threecol.html">Three Cols</a></li>
                  <li><a href="pricing-fourcol.html">Four Cols</a></li>
                </ul>
              </li>
              <li><a href="components.html">Components</a></li>
              <li><a href="404.html">404</a></li>
              <li><a href="faq.html">FAQ</a></li>
            </ul>
          </li>
          <li><a href="javascript:">Blog</a>
            <ul>
              <li><a href="blog.html">Blog</a></li>
              <li><a href="blog-single.html">Blog Single</a></li>
            </ul>
          </li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
      <div class="clear"></div>
    </header>
    <!--SLIDER-->
    <section class="innerpages">
      <div class="grid_12">
        <ul class="breadcrumb clearfix">
          <li><a href="#">Home</a></li>
        </ul>
        <h1>Services</h1>
      </div>
    </section>
    <!--SLIDER_END--> 
  </div>
</div>
<div class="block2">
  <div class="container_12"> 
    <!--==============================content================================-->
    <section class="content">
      <div class="wrapper">
        <article class="grid_12 last-col">
          <div class="hello_box"> We create things out of nothing, solve problems & get stuff done.  Having worked with both small startups and large agencies, we know what it takes for ideas to come to life. </div>
        </article>
      </div>
      <div class="wrapper">
        <article class="grid_3">
          <h2 >Skills</h2>
          <p> It's very important to have a clear, visible and coherent identity to let your stakeholders know what you're all about. We can help you develop this. </p>
          <div class="clear"></div>
          <a href="#" class="arrowlink">Contact Now</a> </article>
        <article class="grid_9">
          <div class="row clearfix">
            <article class="grid_3 alpha">
              <div class="feature">
                <div class="feature-circle red"> <img src="images/heart.png" alt=""></div>
                <div class="feature-description">
                  <h4>Website Design</h4>
                  <p> Clean, professional bespoke website produced for clients all over the world.</p>
                </div>
              </div>
            </article>
            <article class="grid_3">
              <div class="feature">
                <div class="feature-circle red"> <img src="images/formobile.png" alt=""></div>
                <div class="feature-description">
                  <h4>iPhone App Development</h4>
                  <p> Clean, professional bespoke website produced for clients all over the world.</p>
                </div>
              </div>
            </article>
            <article class="grid_3 omega">
              <div class="feature">
                <div class="feature-circle red"> <img src="images/link.png" alt=""></div>
                <div class="feature-description">
                  <h4>Link Building</h4>
                  <p> Clean, professional bespoke website produced for clients all over the world.</p>
                </div>
              </div>
            </article>
          </div>
          <div class="row clearfix">
            <article class="grid_3 alpha">
              <div class="feature">
                <div class="feature-circle red"> <img src="images/view.png" alt=""></div>
                <div class="feature-description">
                  <h4>24x7 Support</h4>
                  <p>Clean, professional bespoke website produced for clients all over the world.</p>
                </div>
              </div>
            </article>
            <article class="grid_3">
              <div class="feature">
                <div class="feature-circle red"> <img src="images/fresh.png" alt=""></div>
                <div class="feature-description">
                  <h4>Clean Design</h4>
                  <p>Clean, professional bespoke website produced for clients all over the world.</p>
                </div>
              </div>
            </article>
            <article class="grid_3 omega">
              <div class="feature">
                <div class="feature-circle red"> <img src="images/settings.png" alt=""></div>
                <div class="feature-description">
                  <h4>Custom Settings</h4>
                  <p>Clean, professional bespoke website produced for clients all over the world.</p>
                </div>
              </div>
            </article>
          </div>
        </article>
        <div class="row clearfix">
          <article class="grid_9">
            <h2>Our Process</h2>
            <p>We love helping people. And we take pride in giving our clients an effective, high-quality product.</p>
            <ul class="our_process">
              <li class="img1">
                <h4>Step1: Planning</h4>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
              </li>
              <li class="img2">
                <h4>Step2: Designing</h4>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
              </li>
              <li class="img3">
                <h4>Step3: Development</h4>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
              </li>
              <li class="img4">
                <h4>Step4: Delivery</h4>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
              </li>
            </ul>
          </article>
          <article class="grid_3 last-col">
            <h2 class="clearfix"> <span class="f_left">Featured Work</span> <a id="next" class="next"></a> <a id="prev" class="prev"></a> </h2>
            <div class="featured-work-services">
              <ul id="carousel-services">
                <li class="project-item"><img src="images/project-details.jpg"  alt="Featured"/> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
                <li class="project-item"><img src="images/project-details9.jpg"  alt="Featured"> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details9.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
                <li class="project-item"><img src="images/project-details3.jpg" alt="Featured"> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details3.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
                <li class="project-item"><img src="images/project-details4.jpg"  alt="Featured"> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details4.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
                <li class="project-item"><img src="images/project-details5.jpg"  alt="Featured"> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details5.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
                <li class="project-item"><img src="images/project-details6.jpg"  alt="Featured"> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details6.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </li>
              </ul>
            </div>
          </article>
        </div>
        <div class="clear"></div>
        <div class="row clearfix">
          <article class="grid_12">
            <div class="quote-icon"><img src="images/quote.png" alt="Quote"></div>
            <div class="pagination quotes-pagi" id="pager"> </div>
            <div class="quote">
              <div id="quotes">
                <p>We are delighted with the work done by Wee. Their freshness, confidence and energy create a
                  wonderful, collaborative atmosphere. Not only do they provide solid, considered and inspired 
                  solutions that are a step ahead of the rest, but they really got involved with us on a 
                  personal level to ensure that we stay satisfied with results. </p>
                <p>We are delighted with the work done by Wee. Their freshness, confidence and energy create a
                  wonderful, collaborative atmosphere. </p>
                <p>We are delighted with the work done by Wee. Their freshness, confidence and energy create a
                  wonderful, collaborative atmosphere. Not only do they provide solid, considered and inspired 
                  solutions that are a step ahead of the rest, but they really got involved with us on a 
                  personal level to ensure that we stay satisfied with results. </p>
                <p>We are delighted with the work done by Wee. </p>
              </div>
            </div>
          </article>
        </div>
      </div>
    </section>
  </div>
</div>
<div class="block3"> 
  <!--==============================footer=================================-->
  <div class="container_12">
    <footer>
      <div class="wrapper">
        <div class="grid_6">
          <h2>About</h2>
          <p>Hi, we are Wee - a creative agency! 
            Wee emphasizes clean displays of content while facilitating great user experiences.</p>
          <ul class="social">
            <li> <a href="#">
              <figure><img src="images/soc1.png" width="31" height="24" alt=""></figure>
              Follow us on Twitter</a> </li>
            <li> <a href="#">
              <figure><img src="images/soc2.png" width="31" height="26" alt=""></figure>
              Join us on Facebook</a> </li>
            <li> <a href="#">
              <figure><img src="images/soc3.png" width="31" height="26" alt=""></figure>
              Subscribe to our blog</a> </li>
            <li class="cont_item m_bottom_zero"> <a href="index-5.html">
              <figure><img src="images/soc4.png" width="31" height="20" alt=""></figure>
              Contact Us</a> </li>
          </ul>
        </div>
        <div class="grid_3">
          <h2>Copyright</h2>
          This includes all content and original design work, including the distinctive typographic style, layout and composition of this website. </div>
        <div class="grid_3 last-col">
          <h2>Navigate</h2>
          <ul class="navigate">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Components</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
    </footer>
  </div>
</div>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/jquery.responsivemenu.js"></script> 
<script type="text/javascript" src="js/jquery.flexslider.js"></script> 
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="js/jquery.isotope.min.js"></script> 
<script type="text/javascript" src="js/contact.js"></script> 
<script type="text/javascript" src="js/jquery.carouFredSel-6.1.0-packed.js"></script> 
<script type="text/javascript" src="js/touchTouch.jquery.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.24.custom.min.js"></script> 
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
